﻿<UserControl x:Class="SmallTune.Views.PlaylistView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:eff="clr-namespace:SmallTune.Shaders"
             xmlns:extToolkit="clr-namespace:Xceed.Wpf.Toolkit;assembly=WPFToolkit.Extended"
             mc:Ignorable="d" 
             MinHeight="250">

    <Border BorderBrush="#050505" BorderThickness="1" CornerRadius="5" Background="#050505">
        <Border BorderBrush="#1b1b1b" BorderThickness="1" CornerRadius="4" Background="#171717">
            <Border BorderBrush="#171717" BorderThickness="1" CornerRadius="3">
                <Border BorderBrush="#191919" BorderThickness="1" CornerRadius="2" Background="{DynamicResource BoxesInnerBrush}" >
                    <Grid Margin="-2">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="auto" />
                            <RowDefinition Height="*" />
                            <RowDefinition Height="auto" />
                        </Grid.RowDefinitions>
                        <StackPanel Grid.Row="0" Height="40" Background="#171717">
                            <!--<StackPanel.Effect>
                                <eff:NoiseEffect Ratio="0.75" />
                            </StackPanel.Effect>-->
                            <Label>test</Label>
                        </StackPanel>
                        <ListBox ScrollViewer.CanContentScroll="False" ItemContainerStyle="{DynamicResource PlaylistItemStyle}" Grid.Row="1" ItemsSource="{Binding songs}" Style="{DynamicResource PlayListStyle}" >
                            <!--<ListBox.ItemTemplate>
                                <DataTemplate>
                                    <Grid>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="50" />
                                            <ColumnDefinition Width="20" />
                                            <ColumnDefinition Width="*" />
                                        </Grid.ColumnDefinitions>
                                        <TextBlock VerticalAlignment="Center" FontSize="13" FontFamily="HelveticaNeue" TextAlignment="Center" Foreground="#FF787878" Text="{Binding id}"/>
                                        <Canvas Grid.Column="1" x:Name="Play_Button1" Height="22" Canvas.Left="0" Canvas.Top="50" Width="21">
                                            <Path x:Name="Play1" Data="F1M10.496,3.392C8.597,3.392 6.81,4.132 5.465,5.476 4.339,6.603 3.638,8.028 3.439,9.597 3.439,9.597 3.438,9.6 3.438,9.6 3.438,9.6 3.438,9.601 3.438,9.601 3.431,9.654 3.425,9.707 3.42,9.76 3.42,9.76 3.416,9.797 3.416,9.797 3.411,9.843 3.407,9.89 3.403,9.938 3.402,9.957 3.401,9.977 3.399,9.997 3.396,10.038 3.394,10.08 3.391,10.121 3.39,10.151 3.389,10.18 3.388,10.21 3.388,10.21 3.387,10.233 3.387,10.233 3.386,10.259 3.384,10.284 3.384,10.31 3.382,10.373 3.381,10.437 3.381,10.501 3.381,10.524 3.381,10.546 3.382,10.569 3.382,10.569 3.382,10.598 3.382,10.598 3.382,10.598 3.383,10.62 3.383,10.62 3.383,10.644 3.383,10.668 3.384,10.691 3.385,10.738 3.387,10.785 3.389,10.832 3.389,10.832 3.39,10.85 3.39,10.85 3.39,10.85 3.391,10.877 3.391,10.877 3.394,10.929 3.397,10.981 3.401,11.032 3.401,11.032 3.401,11.04 3.401,11.04 3.401,11.04 3.403,11.058 3.403,11.058 3.407,11.115 3.412,11.172 3.418,11.227 3.418,11.227 3.418,11.231 3.418,11.231 3.418,11.231 3.418,11.232 3.418,11.232 3.582,12.847 4.309,14.375 5.465,15.532 6.81,16.876 8.597,17.616 10.496,17.616 12.395,17.616 14.181,16.876 15.527,15.532 16.652,14.404 17.353,12.98 17.553,11.412 17.553,11.412 17.553,11.409 17.553,11.409 17.553,11.409 17.553,11.407 17.553,11.407 17.56,11.354 17.566,11.301 17.572,11.248 17.572,11.248 17.572,11.241 17.572,11.241 17.572,11.241 17.575,11.211 17.575,11.211 17.58,11.164 17.584,11.118 17.588,11.07 17.589,11.05 17.591,11.031 17.592,11.011 17.595,10.97 17.598,10.928 17.6,10.887 17.602,10.857 17.603,10.828 17.604,10.799 17.604,10.799 17.604,10.786 17.604,10.786 17.606,10.756 17.607,10.728 17.608,10.698 17.609,10.635 17.61,10.571 17.61,10.507 17.61,10.484 17.61,10.461 17.61,10.438 17.61,10.438 17.609,10.41 17.609,10.41 17.609,10.41 17.609,10.387 17.609,10.387 17.609,10.363 17.608,10.34 17.608,10.317 17.606,10.27 17.605,10.223 17.602,10.176 17.602,10.176 17.602,10.16 17.602,10.16 17.602,10.16 17.6,10.131 17.6,10.131 17.598,10.079 17.594,10.027 17.591,9.975 17.591,9.975 17.589,9.949 17.589,9.949 17.584,9.893 17.579,9.836 17.574,9.78 17.574,9.78 17.573,9.777 17.573,9.777 17.573,9.777 17.573,9.776 17.573,9.776 17.409,8.16 16.682,6.633 15.526,5.476 14.181,4.132 12.394,3.392 10.496,3.392z M10.496,1.013C12.643,1.014 14.669,1.713 16.353,3.036 16.353,3.036 16.357,3.039 16.357,3.039 16.357,3.039 16.361,3.041 16.361,3.041 16.361,3.041 16.369,3.047 16.369,3.047 16.391,3.062 16.411,3.076 16.43,3.091 17.372,3.845 18.153,4.76 18.75,5.811 19.362,6.887 19.752,8.054 19.91,9.281 19.91,9.281 19.912,9.3 19.912,9.3 19.912,9.3 19.913,9.306 19.913,9.306 19.922,9.373 19.929,9.441 19.936,9.509 19.938,9.527 19.94,9.545 19.942,9.563 19.948,9.625 19.954,9.687 19.958,9.749 19.958,9.749 19.962,9.804 19.962,9.804 19.962,9.804 19.964,9.825 19.964,9.825 19.968,9.882 19.972,9.939 19.975,9.997 19.976,10.024 19.977,10.051 19.978,10.077 19.978,10.077 19.979,10.099 19.979,10.099 19.979,10.099 19.98,10.123 19.98,10.123 19.982,10.165 19.984,10.207 19.985,10.249 19.987,10.318 19.988,10.388 19.988,10.457 19.988,10.466 19.988,10.474 19.988,10.482 19.988,10.489 19.989,10.495 19.989,10.501 19.989,10.501 19.989,10.507 19.989,10.507 19.989,10.507 19.988,10.525 19.988,10.525 19.988,10.533 19.988,10.541 19.988,10.548 19.988,10.619 19.987,10.69 19.985,10.76 19.984,10.799 19.982,10.839 19.981,10.878 19.981,10.878 19.979,10.906 19.979,10.906 19.979,10.906 19.978,10.931 19.978,10.931 19.977,10.958 19.976,10.985 19.975,11.012 19.972,11.068 19.968,11.124 19.964,11.179 19.962,11.207 19.96,11.234 19.958,11.261 19.954,11.321 19.948,11.382 19.942,11.441 19.94,11.462 19.938,11.483 19.936,11.503 19.929,11.569 19.922,11.634 19.914,11.698 19.914,11.698 19.912,11.71 19.912,11.71 19.912,11.71 19.909,11.733 19.909,11.733 19.751,12.959 19.36,14.125 18.748,15.2 18.151,16.249 17.371,17.164 16.429,17.917 16.413,17.931 16.394,17.944 16.374,17.958 16.374,17.958 16.361,17.966 16.361,17.966 16.361,17.966 16.358,17.969 16.358,17.969 16.358,17.969 16.354,17.971 16.354,17.971 14.669,19.295 12.644,19.994 10.496,19.995 8.348,19.994 6.323,19.295 4.638,17.972 4.638,17.972 4.634,17.969 4.634,17.969 4.634,17.969 4.63,17.966 4.63,17.966 4.63,17.966 4.622,17.961 4.622,17.961 4.601,17.946 4.58,17.932 4.562,17.917 3.619,17.163 2.839,16.248 2.241,15.197 1.629,14.121 1.239,12.954 1.081,11.726 1.081,11.726 1.08,11.714 1.08,11.714 1.08,11.714 1.078,11.702 1.078,11.702 1.07,11.635 1.062,11.567 1.055,11.499 1.053,11.481 1.051,11.463 1.049,11.445 1.043,11.383 1.038,11.321 1.033,11.259 1.033,11.259 1.029,11.204 1.029,11.204 1.029,11.204 1.027,11.183 1.027,11.183 1.023,11.126 1.019,11.069 1.016,11.011 1.015,10.989 1.014,10.967 1.013,10.945 1.013,10.945 1.012,10.909 1.012,10.909 1.012,10.909 1.011,10.883 1.011,10.883 1.009,10.841 1.007,10.8 1.006,10.759 1.004,10.69 1.004,10.62 1.003,10.55 1.003,10.542 1.003,10.534 1.003,10.527 1.003,10.52 1.003,10.513 1.003,10.507 1.003,10.507 1.003,10.501 1.003,10.501 1.003,10.495 1.003,10.488 1.003,10.481 1.003,10.481 1.003,10.459 1.003,10.459 1.004,10.389 1.004,10.318 1.006,10.248 1.007,10.209 1.009,10.171 1.011,10.132 1.011,10.132 1.012,10.102 1.012,10.102 1.012,10.102 1.013,10.073 1.013,10.073 1.014,10.047 1.015,10.021 1.017,9.996 1.019,9.94 1.023,9.884 1.027,9.828 1.029,9.801 1.031,9.774 1.033,9.747 1.038,9.687 1.043,9.626 1.049,9.567 1.051,9.546 1.053,9.525 1.055,9.504 1.062,9.439 1.07,9.374 1.078,9.31 1.078,9.31 1.08,9.293 1.08,9.293 1.08,9.293 1.082,9.275 1.082,9.275 1.241,8.049 1.631,6.883 2.243,5.808 2.84,4.759 3.621,3.844 4.562,3.09 4.579,3.077 4.598,3.064 4.618,3.05 4.618,3.05 4.634,3.039 4.634,3.039 4.634,3.039 4.637,3.036 4.637,3.036 6.322,1.713 8.348,1.014 10.496,1.013z" Fill="#FF3F3F3F" Height="21" Canvas.Left="0" Canvas.Top="0" Width="21">
                                                <Path.Effect>
                                                    <DropShadowEffect BlurRadius="0" Color="#FF000000" Direction="-90" Opacity="0.35" ShadowDepth="1"/>
                                                </Path.Effect>
                                            </Path>
                                            <Path x:Name="play1" Data="F1M1.633,1.16C1.572,1.16 1.51,1.174 1.454,1.202 1.334,1.263 1.259,1.38 1.259,1.506 1.259,1.506 1.259,7.572 1.259,7.572 1.259,7.698 1.334,7.815 1.454,7.875 1.51,7.903 1.572,7.918 1.633,7.918 1.704,7.918 1.775,7.899 1.837,7.863 1.837,7.863 6.934,4.829 6.934,4.829 7.04,4.766 7.105,4.657 7.105,4.539 7.105,4.421 7.04,4.312 6.934,4.248 6.934,4.248 1.837,1.215 1.837,1.215 1.775,1.178 1.704,1.16 1.633,1.16" Fill="#FFFFFFFF" Height="9" Canvas.Left="7" Opacity="0.749" Canvas.Top="6" Width="9">
                                                <Path.Effect>
                                                    <DropShadowEffect BlurRadius="0" Color="#FF000000" Direction="-90" Opacity="1" ShadowDepth="1"/>
                                                </Path.Effect>
                                            </Path>
                                        </Canvas>
                                        <ToggleButton Height="23" Name="btnUpdate" Command="{Binding DataContext.playSongCommand, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListBox}}}" Width="75" >Play</ToggleButton>
                                        <StackPanel Margin="20,0,0,0" Grid.Column="2">
                                            <Label Padding="0" VerticalAlignment="Center" Margin="0,0,0,0" FontSize="13" Foreground="#FFFFFFFF" FontFamily="HelveticaNeue-Medium" Content="{Binding title}"></Label>
                                            <Label Padding="0"  VerticalAlignment="Center" Margin="0,0,0,0" FontSize="13" Foreground="#FF505050" FontFamily="HelveticaNeue-Medium" Content="{Binding artist.name}"></Label>
                                        </StackPanel>
                                    </Grid>
                                </DataTemplate>
                            </ListBox.ItemTemplate>-->
                        </ListBox>
                        <StackPanel Grid.Row="2" Height="40" Background="#171717">
                            <!--<StackPanel.Effect>
                                <eff:NoiseEffect Ratio="0.75" />
                            </StackPanel.Effect>-->
                            <ToolBar>
                                <Button Name="AddSong">Add Song</Button>
                            </ToolBar>
                        </StackPanel>
                    </Grid>

                </Border>
            </Border>
        </Border>
    </Border>
</UserControl>
